// 该文件专门用于创建整个应用的路由器
// 引入VueRouter
import VueRouter from "vue-router";
// 引入组件
import About from '../views/About'
import Home from '../views/Home'
import News from '../views/News'
import Message from '../views/Message'
import Detail from '../views/Detatil'


// 创建并暴露router实例对象，在这里配置一组一组的路由规则
export default new VueRouter({
    // 配置路由
    routes:[
        // 配置路由规则：path（路径）；name（名称）；component（路由对应的组件）。   每个路由的配置写在一个对象{}，对象之间用','间隔
        // 一级路由
        {
            path:'/about',
            component:About
        },
        // 一级路由
        {
            path:'/home',
            component:Home,
            // 二级路由（二级路由的path不用加'/'，只需要在跳转的router-link标签的to属性加上一级路由的名称，例如/home/message....）
            children:[
                {
                    path:'message',
                    component:Message,
                    // 三级路由
                    children:[
                        {
                            path:'detail',
                            component:Detail
                        }
                    ]
                },
                {
                    path:'news',
                    component:News,
                }
            ]
        },
    ]
})